// Scrollbar
function initScrollBar() {
    var navBar = document.querySelector('.navigation');
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
    if (scrollTop > 50) {
        navBar.classList.add('navigation_scrolled');
    } else {
        navBar.classList.remove('navigation_scrolled');
    }
}
window.addEventListener('DOMContentLoaded', initScrollBar);
document.addEventListener('scroll', initScrollBar);


// Карусели
var aboutCarousel = new Swiper('#aboutCarousel', {
    direction: 'horizontal',
    loop: false,
    slidesPerView: 1,
    spaceBetween: 54,
    navigation: {
        nextEl: '#about-swiper-next',
        prevEl: '#about-swiper-prev',
    },
    breakpoints: {
        640: {
            slidesPerView: 2.1,
            spaceBetween: 20,
        },
        768: {
            slidesPerView: 2.3,
            spaceBetween: 40,
        },
        1200: {
            slidesPerView: 3,
            spaceBetween: 50,
        },
    },
});

var roundTablesCarousel = new Swiper('#roundTablesCarousel', {
    direction: 'horizontal',
    loop: false,
    slidesPerView: 1,
    spaceBetween: 54,
    navigation: {
        nextEl: '#tables-swiper-next',
        prevEl: '#tables-swiper-prev',
    },
    breakpoints: {
        640: {
            slidesPerView: 1,
            spaceBetween: 20,
        },
        768: {
            slidesPerView: 1,
            spaceBetween: 40,
        },
        1200: {
            slidesPerView: 1,
            spaceBetween: 50,
        },
    },
});
const speakersCarousel = new Swiper('#speakersCarousel', {
    direction: 'horizontal',
    loop: false,
    slidesPerView: 1.65,
    spaceBetween: 18,
    navigation: {
        nextEl: '#speakers-swiper-next',
        prevEl: '#speakers-swiper-prev',
    },
    breakpoints: {
        640: {
            slidesPerView: 2,
            spaceBetween: 20,
        },
        768: {
            slidesPerView: 3,
            spaceBetween: 28,
        },
        1200: {
            slidesPerView: 4,
            spaceBetween: 32,
        },
    },
});

// Анимации
new WOW().init();


// Счётчик
function timer() {
    var nowDate = new Date();
    var achiveDate = new Date(2022,11,7,10,0,0); //Задаем дату, к которой будет осуществляться обратный отсчет
    var result = (achiveDate - nowDate)+1000;
    if (result < 0) {
        var elmnt = document.getElementById('timer');
        elmnt.innerHTML = ' - : - - : - - : - - ';
        return undefined;
    }
    var seconds = Math.floor((result/1000)%60);
    var minutes = Math.floor((result/1000/60)%60);
    var hours = Math.floor((result/1000/60/60)%24);
    var days = Math.floor(result/1000/60/60/24);
    if (seconds < 10) seconds = '0' + seconds;
    if (minutes < 10) minutes = '0' + minutes;
    if (hours < 10) hours = '0' + hours;
    var elmnts = [document.getElementById('timerDay'), document.getElementById('timerHour'), document.getElementById('timerMinute')];
    elmnts[0].innerHTML = days;
    elmnts[1].innerHTML = hours;
    elmnts[2].innerHTML = minutes;
    setTimeout(timer, 1000);
}
window.onload = function() {
    timer();
}

// Модальные окна
const moreInfoModal = new tingle.modal({
    closeMethods: ['overlay', 'button', 'escape'],
    closeLabel: "Закрыть",
    cssClass: ['modal']
});
moreInfoModal.setContent(document.querySelector('.more').innerHTML);

const infoModal = new tingle.modal({
    closeMethods: ['overlay', 'button', 'escape'],
    closeLabel: "Закрыть",
    cssClass: ['modal']
});
infoModal.setContent(document.querySelector('#info').innerHTML);

// Кнопка скролла
const scrollDownBtn = document.querySelector('.hero__scroll-down');
scrollDownBtn.addEventListener('click', () => {
    console.log('test')
    document.getElementById('release').scrollIntoView({
        behavior: 'smooth',
        block: 'start'
    });
})

// Гамбургер меню
function openNavbar(state) {
    if (state) {
        document.querySelector('.navigation__mobile').style.display = "flex";
        document.querySelector('.navigation').style.display = "none";
    } else {
        document.querySelector('.navigation__mobile').style.display = "none";
        document.querySelector('.navigation').style.display = "flex";
    }
}